<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Skeeting Over The Edge</title>
        {{ HTML::style('css/bootstrap.min.css') }}
        {{ HTML::style('css/bootstrap-responsive.min.css') }}
    </head>

    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="home">S.O.T.E</a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            @section('navigation')
                              @foreach ($navLinks as $link)
                                <li class="{{$link->status}}">{{ HTML::link($link->controller->name, Str::title($link->controller->alias)) }}</li>
                              @endforeach
                            @yield_section
                        </ul>
                    </div><!--/.nav-collapse -->
                    @section('post_navigation')

                    @yield_section
                </div>
            </div>
        </div>

        <div class="container">
            <hr>
            <hr>
            <div class="row">
                <div class="span3">
                    <div class="well sidebar-nav">
                        <ul class="nav nav-list">
                            @foreach ($sidenav as $sn)
                            <li @if ($sn['active']) class="active" @endif>
                                <a href="{{ $sn['url'] }}">{{ $sn['name'] }}</a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="span9">
                    @yield('content')
                </div>
            </div>
          <div class="navbar">
          <div class="navbar-inner">
              <ul id="menu3" class="nav">
                <li class=""><a href="home">Home</a></li>
                <li class=""><a href="home">Blog</a></li>
                <li class=""><a href="home">About</a></li>
                <li class=""><a href="home">Product</a></li>
              </ul>
          </div>
          </div>
        </div> <!-- /container -->
    <footer>
        <p>&copy; Joesama 2013</p>    
    </footer>
    
    {{ HTML::script('js/jquery-1.7.2.min.js') }} 
    {{ HTML::script('js/bootstrap.min.js') }} 
    </body>
</html>